<script setup lang="ts">
import FooterView from "@/components/communal/Footer/index.vue"
import {useMenu} from "@/views/Student/set"
import SiderMenu from "@/views/Student/component/sider-menu.vue";
const [menus]:any = useMenu()
const selectedKeys:string = 'course';

</script>

<template>
  <a-layout class="layout">
    <SiderMenu :option="menus.children" :def-key="selectedKeys"></SiderMenu>
    <a-layout-content class="content">
      <router-view/>
    </a-layout-content>
    <a-back-top></a-back-top>
  </a-layout>
</template>

<style scoped lang="scss">
.learn-sider{
  background: #fff;
}
.menu-set{
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-set{
  margin-right: 0.8rem;
}
</style>